//main page
Ext.define('PHT.MainWindow',{
	extend : 'Ext.Viewport',
	layout : {
		type : 'border'
	},

    initComponent: function() {
        var me = this;
        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'panel',
                    layout: {
                        align: 'stretch',
                        type: 'vbox'
                    },
                    flex: 1,
                    region: 'west',
                    tbar : [
                    	{
                    		xtype : 'configbtn'
                    	}
                    ],
                    items: [
                        {
                            xtype: 'panel',
                            flex: 1,
                            items:[
                            	{
                                    xtype: 'chkURLbtn'
                                }
                            ]
                        },
                        {
                            xtype: 'chkdproppanel'
                        },
                        {
                            xtype: 'chkbatchlogpanel'
                        }
                    ]
                },
                {
                    xtype: 'tabpanel',
                    activeTab: 0,
                    flex: 1,
                    region: 'center',
                    id: 'report-tab',
                    items: [
                        {
                            xtype: 'panel',
                        	id: 'url-report',
                            title: 'URL Report',
                            html: ''
//                            items:[
//                            	{
//                            		xtype: 'grid',
//                            		itmeId: 'url-report-grid',
//                            		columns: [
//					                	{
//					                		header: 'URL',
//						                    xtype: 'gridcolumn',
//						                    dataIndex: 'url',
//						                    flex: 3
//						                },
//						                {
//						                	header: 'isavailable',
//						                	xtype: 'gridcolumn',
//						                    dataIndex: 'available',
//						                    flex: 1						                
//						                }
//						            ],
//						            
//						            store:Ext.create('Ext.data.Store', {					                
//						                storeId:'url-report-store',
//						                model: 'PHT.MODEL.CheckURLResult',
////						                fields: [
////								           {name: 'url'},
////								           {name: 'available',type : 'boolean'}
////								        ]
//						                proxy: {
//						                    type: 'ajax',
//						                    url: 'checkURL.do',
//						                    reader: {
//						                        type: 'json',
//						                        root: 'checking',
//						                        successProperty: 'success'
//						                    }					                    
//						                }
//						            })
//	                            }                           	
//                            ]
                        },
                        {
                        	xtype: 'panel',
                        	id: 'dprop-report',
                            title: 'Dprop Report',
                            html: ''                          
                        },
                        {
                            xtype: 'panel',
                            id: 'batch-log-report',
                            title: 'Batch Report',
                            html: ''
                        }
                    ]
                }
            ]
        });
        me.callParent(arguments);
    }
});

